<template>
  <div class="apple-footer">
    <!-- 底部页脚固定的内容 -->
    <div class="footer">
      <div class="foot-center" v-show="$route.path != '/' && $route.path!='/successToPay' && $route.path !='/shoppingcart'" >
        <div class="foot-text">
          <p>
            <sup>†</sup>
            本次优惠活动日期为 2022 年 7 月 29 日至 8 月 1 日 (Apple Store
            在线商店的活动时间为 7 月 29 日 0 时 1 分至 8 月 1 日 23 时 59
            分；Apple Store 零售店以各门店的营业时间为准)。通过 Apple Store
            在线商店或 Apple Store 零售店使用支付宝、花呗分期 (仅限 12
            个月分期)、招商银行 (仅限一次性付款或 12 个月分期)、中国建设银行
            (仅限一次性付款或 12 个月分期)、中国工商银行 (仅限 12 个月分期)
            购买符合条件的产品时，单件产品最高立减 RMB 600。符合条件的产品包括
            iPhone 13 Pro Max、iPhone 13 Pro、iPhone 13、iPhone 13 mini、iPhone
            SE (第三代)、iPhone 12、iPhone 12 mini、Apple Watch SE、AirPods
            (第三代) 以及 AirPods
            Pro。优惠金额可能因产品类别和型号而不同，具体金额详见最终支付页面信息或咨询店员。支付合作伙伴的分期付款服务可能有最低交易金额限制。有关分期服务的申请、最低交易金额及其他使用问题，请与相关支付合作伙伴联系，Apple
            对此不做任何承诺和保证。本次活动仅针对最终用户消费者使用支付宝、花呗、招商银行、中国建设银行或中国工商银行并以特定方式付款，不得与任何其他促销、折扣或优惠同时享受，包括但不限于商务客户优惠、各类员工优惠以及
            Apple 高校优惠 (Apple Trade In 换购计划与 iPhone
            年年焕新计划除外)。单笔订单需完全使用前述方式之一进行支付，不得同时使用其他支付方式。每位顾客每个产品类别限购
            2 件 (iPhone、Apple Watch、AirPods
            分别为三个不同类别)，超过此数量限制的产品不再享受立减优惠
            (例如：每位顾客仅能以优惠价格购买 2 部符合条件的
            iPhone，不区分具体型号)。Apple Store
            零售店内可参与本次优惠活动的商品数量有限 (iPhone 类商品数量为 22000
            件，Apple Watch 类商品数量为 1700 件，AirPods 类商品数量为 3000
            件），售完即止。
          </p>
          <p>
            * 此优惠仅面向新订阅用户限时提供。需使用符合条件的设备连接至运行 iOS
            15、iPadOS 15 或更新版本的 Apple 设备。符合条件的设备配对后，需要在
            3
            个月内领取此优惠。会员方案会按用户所在地区的月费自动续订，直至取消订阅。目前已有符合条件的设备的用户无需购买音频产品。服务可用性因地区而异。需要遵循限制条件和其他条款。
          </p>
          <p>
            **
            教育优惠价格适用于在读以及新录取的高校学生及其家长，以及各年级教师和教职员工。如需了解更多信息，请访问
            apple.com.cn/cn-k12/shop。
          </p>
          <p>
            1.
            实际折抵金额取决于设备的状况、配置、推出年份，以及发售国家或地区。并非所有设备均有资格获得折抵金额。年满
            18 周岁及以上者才可参与本计划。现有设备的折抵金额可用于折抵购买新的
            Apple
            设备。实际折抵金额取决于收到的符合折抵条件的设备情况是否与评估报价时你提供的设备描述相符合。可能需按照新设备的全额售价缴纳销售税。店内折抵需出示政府颁发并附有照片的有效身份证件
            (当地法律可能会要求存储该信息)。该服务可能仅在部分 Apple Store
            零售店提供，在线换购和店内换购的折抵金额可能有所不同。某些 Apple
            Store 零售店可能有不同要求。Apple
            或其折抵服务合作伙伴保留出于任何原因拒绝或限制任何设备 (及其数量)
            的权利。如需获得有关折抵及设备回收服务的更多信息，请咨询 Apple
            折抵服务合作伙伴。需要遵守 Apple 或 Apple
            折抵服务合作伙伴的其他条款。详情请参阅 apple.com.cn/trade-in。
          </p>
          <p>2. <b>分期付款服务的条件</b></p>
          <p>
            上述分期付款方案由信用卡发卡机构招商银行、中国建设银行、中国工商银行以及蚂蚁金服
            (花呗)
            面向符合条件的中国大陆居民提供。所有购物分期均需经你的信用卡发卡机构批准，对于花呗分期，需经蚂蚁金服批准。如果你选择的分期付款方案未获得信用卡发卡机构或蚂蚁金服的批准，Apple
            将不会被告知原因。请参阅招商银行、中国建设银行、中国工商银行和支付宝网站，了解相关条件、费用和收费。上述分期付款服务只适用于个人消费者。企业和教育机构客户、企业员工购买计划
            (EPP) 和 Apple 员工购买计划 (EPP)
            适用的分期付款方案可能与上述方案不同，详情请参见教育商店、EPP
            在线商店和企业商店。公司信用卡无资格申请分期。招商银行分期付款单笔订单最高限额为
            RMB 150000。
          </p>
          <p>
            当商品有货并/或发货时，购物金额将计入你的信用卡或支付宝账户账单。相关财务费用将显示在你的信用卡对账单或支付宝账户中。
          </p>
          <p>
            产品按广告宣传价或标价提供分期付款服务。价格包含增值税。所有订单均可享受免费送货服务。
          </p>
          <p>此信息更新于 2020 年 10 月 12 日。</p>
          <p>
            3.
            优惠价格适用于符合条件的顾客。如需进一步了解如何获得享受优惠价格的资格，请咨询店内的
            Apple Specialist 专家，或致电 400-666-8800 联系我们。
          </p>
          <p>
            †† 我们会使用你所在位置，为你更快显示送货选项。我们通过你的 IP
            地址，或者你在上次访问 Apple 网站时输入的位置信息，找到了你的位置。
          </p>
        </div>
      </div>
<!-- height:680px -->
      <div class="foot-center" 
      :style="$route.path.match('mac')?'height:680px':''">
        <div class="foot-link">
          <div class="foot-nag">
            <ol>
              <li class="foot-icon" style="padding: 0"></li>
              <li>Apple Store 在线商店</li>
            </ol>
          </div>
          <div class="foot-allLinks">
            <div class="foot-link-a">
              <ul>
                <li style="font-weight: 1000">选购及了解</li>
                <li><router-link to="/mac">Mac</router-link></li>
                <li><router-link to="/ipad">iPad</router-link></li>
                <li><router-link to="/iphone">iPhone</router-link></li>
                <li><router-link to="/watch">Watch</router-link></li>
                <li><router-link to="/airpods">AirPods</router-link></li>
                <li><router-link to="/family">家居</router-link></li>
                <li><router-link to="/airtag">AirTag</router-link></li>
                <li><router-link to="/parts">配件</router-link></li>
                <li><router-link to="/">App Store 充值卡</router-link></li>
              </ul>
            </div>

            <div class="foot-link-a">
              <ul>
                <li style="font-weight: 1000">服务</li>
                <li><router-link to="/">Apple Music</router-link></li>
                <li><router-link to="/">iCloud+</router-link></li>
                <li><router-link to="/">Apple Pay</router-link></li>
                <li><router-link to="/">Apple 播客</router-link></li>
                <li><router-link to="/">App Store</router-link></li>
                <li style="font-weight: 1000">账户</li>
                <li><router-link to="/">管理你的 Apple ID</router-link></li>
                <li><router-link to="/">Apple Store 账户</router-link></li>
                <li><router-link to="/">iCloud.com</router-link></li>
              </ul>
            </div>

            <div class="foot-link-a">
              <ul>
                <li style="font-weight: 1000">Apple Store 商店</li>
                <li><a >查找零售店</a></li>
                <li><a>Genius Bar 天才吧</a></li>
                <li><a>Today at Apple</a></li>
                <li><a >Apple 夏令营</a></li>
                <li><a >Apple Store App</a></li>

                <li><a >翻新和优惠</a></li>
                <li><a >分期付款</a></li>
                <li><a >Apple Trade In 换购计划</a></li>
                <li><a >订单状态</a></li>
                <li><a >选购帮助</a></li>
              </ul>
            </div>

            <div class="foot-link-a">
              <ul>
                <li style="font-weight: 1000">商务应用</li>
                <li><a >Apple 与商务</a></li>
                <li><a >商务选购</a></li>
                <li style="font-weight: 1000">教育应用</li>
                <li><a>Apple 与教育</a></li>
                <li><a >高校师生选购</a></li>
              </ul>
            </div>

            <div class="foot-link-a">
              <ul>
                <li style="font-weight: 1000">Apple 价值观</li>
                <li><a >辅助功能</a></li>
                <li><a >环境责任</a></li>
                <li><a >隐私</a></li>
                <li><a >供应商责任</a></li>
                <li style="font-weight: 1000">关于 Apple</li>
                <li><a >Newsroom</a></li>
                <li><a >Apple 管理层</a></li>
                <li><a >工作机会</a></li>
                <li><a >创造就业</a></li>
                <li><a >商业道德与合规性</a></li>
                <li><a >活动</a></li>
                <li><a >联系 Apple</a></li>
              </ul>
            </div>
          </div>

          <div class="foot-bootom">
            <div class="foot-bootom-1">
              更多选购方式：查找你附近的 Apple Store 零售店及更多门店，或者致电
              400-666-8800。
            </div>
            <div class="foot-bootom-2">
              <span> Copyright © 2022 Apple Inc. 保留所有权利。 </span>
              <span>
                隐私政策 | 使用条款 | 销售政策 | 法律信息 | 网站地图
              </span>
            </div>
          </div>
        </div>
      </div>
    </div>
    <div class="toTop" @click="toTops">
      <span class="topIcon"></span>
      <span class="dingbu">顶部</span>
    </div>
  </div>
</template>

<script>
export default {
  methods: {
    //回到顶部
    toTops() {
      // let scrollTop = document.body.scrollTop || document.documentElement.scrollTop;
      document.body.scrollTop = document.documentElement.scrollTop = 0
    }
  },
};
</script>

<style scoped>
.apple-footer {
  background-color: #f5f5f7;
}
ul,
ol,
a,
a:link {
  text-decoration: none;
  list-style: none;
  /* color: #1D1D1F; */
}

input {
  outline: none;
}
.footer {
  width: 100%;
  /* padding: 0 22px; */
  color: #6e6e73;
  font-size: 12px;
}

.foot-center {
  width: 980px;
  max-width: 980px;
  min-width: 980px;
  margin: 0 auto;
  padding: 10px;
}
.foot-text {
  border-bottom: 1px solid #d2d2d7;
}
.foot-text p {
  font-weight: 400;
  padding-bottom: 4px;
}

.foot-link {
  color: #424245;
}

.foot-nag {
  padding: 17px 0;
}

.foot-nag ol {
  display: flex;
  text-align: center;
}

.foot-nag ol li {
  margin-right: 7px;
  padding: 3px 4px 3px 0;
}

.foot-icon {
  background-image: url("https://apple1234.obs.cn-north-4.myhuaweicloud.com/icon_large.svg");
  width: 14px;
  background-size: 14px 72px;
  background-repeat: no-repeat;
  height: 18px;
  display: block;
  background-position-y: -36px;
  background-position-x: center;
}
.foot-allLinks {
  display: flex;
  justify-content: space-between;
}
.foot-link-a ul li {
  margin-right: 20px;
  padding: 0;
  margin-bottom: 0.8em;
}

.foot-link-a ul li a {
  color: #424245;
}

.foot-link-a ul li a:hover {
  text-decoration: underline;
}

.foot-bootom {
  padding-top: 34px;
  padding-bottom: 21px;
  color: #6e6e73;
}
.foot-bootom-1 {
  margin-bottom: 7px;
  padding-bottom: 8px;
  border-bottom: 1px solid #d2d2d7;
}
.toTop{
  position: fixed;
  height: 40px;
  width: 40px;
  /*background-color: white;*/
  border: 1px solid gray;
  border-radius: 5px;
  bottom: 20px;
  right: 20px;
  text-align: center;
  color: black;
  cursor: pointer;
  font-size: 12px;
  user-select: none;
  -webkit-backdrop-filter: saturate(180%) blur(20px);
  backdrop-filter: saturate(180%) blur(20px);
  background-color: rgba(255,255,255,0.5);
}
.toTop .dingbu{
  position: absolute;
  bottom: 5px;
  right: 0;
  left: 0;
}
.toTop .topIcon{
  width: 0;
  height: 0;
  display: block;
  margin: 0 auto;
  border: 8px solid transparent;
  border-bottom-color: black;
  
}
a{
  cursor: pointer;
}
</style>

<style lang="less" scoped>
</style>